<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../js/angular.js" charset="utf-8"></script>
    </head>
    <body>


        <!-- ng-app代表整个AngularJS程序的开发，在里面可以使用各种指令 -->
        <!-- ng-app必选指令 -->
        <!-- ng-model负责把输入框的值与变量做绑定操作，并且是双向的 -->
        <!-- AngularJS中的表达式就是可以让你在HTML中编写AngularJS变量的一种写法 -->
        <!-- 表达式： {{  }} -->
        <!-- 重点：在表达式中，不可以写if..else..等类似的语句，只能写带有返回值的语句 -->
        <div ng-app="">
            <input type="text" ng-model="userName">
            <h2>{{ userName }}</h2>
            <h2>{{ userName + '！！！' }}</h2>
            <h2>{{ 10 + 30 * 10 }}</h2>
            <h2>{{ [1, 2, 3][0] }}</h2>
            <h2>{{ "abc".toUpperCase() }}</h2>
            <h2>{{ {name: 'xiaoming'}.name }}</h2>
            <h2>{{ false ? '123' : '456' }}</h2>
            <hr>
            <input type="text" ng-model="flag">
            <h2>{{ flag == 'true' ? '当前应该显示' : '' }}</h2>
        </div>

    </body>
    <script type="text/javascript">


    </script>
</html>
